﻿<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">结算单生成</h1>
</div>

<div class="wrapper-sm">
    <uib-tabset class="tab-container" ng-init="steps={percent:20, step1:true}">

        <uib-tab heading="结算单生成*" active="steps.step1">

            <form name="step1" class="form-validation form-horizontal" ng-controller="feeAddSettleController">
                <div class="form-group">
                    <label class="col-lg-2 control-label">结算承运商</label>
                    <div class="col-lg-3">
                        <div angucomplete-alt
                             id="carrier"
                             placeholder=""
                             pause="100"
                             selected-object="onCarrierSelected"
							 remote-api-handler ="onCarrierAutoComplate" 
                             search-fields="name"
                             title-field="name"
                             minlength="1"
                             input-class="form-control form-control-small input-sm"
                             initial-value="carrier"
                             match-class="highlight" >
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">承运商电话</label>
                    <div class="col-lg-3">
                        <input type="tel" id="feeAddSettleCtrl_carrierPhone" class="form-control input-sm" ng-model="carrierPhone"  placeholder="请填写承运商电话" name="carrierPhone" ng-pattern="/^1\d{10}$/">
                    </div>

                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">总金额</label>
                    <div class="col-lg-3">
                        <input type="text" id="feeAddSettleCtrl_totalMoney" ng-model="totalMoney" ng-pattern="/^[0-9]+(\.[0-9]{1,2})?$/" class="form-control input-sm"   placeholder="请填写总金额" name="totalMoney">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 pull-left control-label">银行卡号</label>
                    <div class="col-lg-3">
                        <div angucomplete-alt
                             id="bankCode"
                             placeholder=""
                             pause="100"
                             selected-object="onBankSelected"
							 remote-api-handler ="onBankAutoComplate"
                             search-fields="cardNumber"
                             title-field="cardNumber"
                             minlength="3"
                             input-class="form-control form-control-small input-sm"
                             initial-value="bankCode"
                             input-changed="getBankNameInfo"
                             match-class="highlight" >
                        </div>
                        <span class="text-danger m-l-sm" ng-show='cardIsChange'>银行卡号已被修改！</span>
                    </div>

                </div>

                <div class="form-group">
                    <label class="col-lg-2 control-label">持卡人姓名</label>
                    <div class="col-lg-3">
                        <input type="text" id="feeAddSettleCtrl_holder" class="form-control input-sm" ng-model="holder"  placeholder="请填写持卡人姓名" name="holder">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">开户银行</label>
                    <div class="col-lg-3">
                        <input type="tel" id="feeAddSettleCtrl_bankName" class="form-control inpput-sm" ng-disabled="bankDisable" ng-model="bankName" placeholder="请填写开户银行" name="bankName" >

                    </div>
                </div>

                <div class="form-group">
                    <label class="col-lg-2 control-label">应付说明</label>
                    <div class="col-lg-4">
                        <textarea id="feeAddSettleCtrl_description" class="form-control inpput-sm" ng-model="description" placeholder="请填写应付说明" name="description"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">涉及费用{{feeCount}}条，编号</label>
                    <div class="col-lg-4">
                        <textarea id="feeAddSettleCtrl_feeCodeList" class="form-control inpput-sm" ng-model="feeCodeList" disabled="disabled" name="feeCodeList"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">备注信息</label>
                    <div class="col-lg-4">

                        <textarea id="feeAddSettleCtrl_remarks" class="form-control inpput-sm" ng-model="remarks" placeholder="请填写备注信息" name="remark"></textarea>

                    </div>
                </div>
                <div class="form-group">
                    <div class="m-t m-b col-lg-4">
                        <button id="feeAddSettleCtrl_back" class="btn btn-sm btn-default btn-rounded pull-right m-l-sm" ui-sref="app.fee.feeCheckList">返回</button>
                        <button id="feeAddSettleCtrl_addFeeSettleBillEv" type="submit" class="btn btn-sm btn-default btn-rounded pull-right" ng-disabled="step1.$invalid" ng-click="addFeeSettleBillEv()">确认</button>
                    </div>
                </div>

            </form>

        </uib-tab>
    </uib-tabset>
</div>
